<template>
  <div class="sub-div">
    <p>子组件1</p>
    <p>props.a: {{ props.a }}</p>
    <p>props.b: {{ props.b }}</p>
    <div>
      <p>$attrs.c: {{ $attrs.c }}</p>
      <p>$attrs.d: {{ $attrs.d }}</p>
      <p>$attrs: {{ $attrs }}</p>
    </div>
  </div>

  <TongXin5Child2 v-bind="$attrs" />

</template>
<script setup lang="ts">
import TongXin5Child2 from './TongXin5Child2.vue';

const props = defineProps<{
  a: number,
  b: string,
}>()



</script>
<style lang="scss" scoped>
.sub-div {
  margin-top: 30px;
  padding: 10px 10px;
  color: #42b983;
  font-weight: bold;
  background-color: rgb(15, 105, 184);
}
</style>
